@charset "utf-8";
/*@import "reset";*/
@import "utils"; 
/*@import "common";*/
.addAddressWeb{ 
    input{   
        font-size: r(20+8);
    }
    @include web;
    //头部引入
    section{
        @include midContent;
        background: url(../img/addAddress/bg.jpg) no-repeat right top /100% 100%;
        //子div通用样式
        form{
        &>div{
            border-bottom: 1px solid #d6d6d6;
            font-size: r(22+8);
            color: #8b8b8b;
            box-sizing: border-box;
            input[type="text"]{
                border: none;
                outline: none;
                background: none;
                vertical-align: middle;
                width: r(400);
                height: r(40);
                margin-left: r(20);
            }
            
        }
        
        .name,.phone,.area,.number,.job,.address{
            padding: r(50) r(30) r(20) r(40);
            p{
                font-size: r(24+8);
                display: inline-block;
                vertical-align: middle;
            }
            input{
                width: 55%;
                font-size: r(24+8);
            }
        }
        .area{
            .selCity{
                vertical-align: middle;
                display: inline-block;
                margin-left: r(20);
                select{
                    width: r(126);
                    height: r(30);
                    line-height: r(30);
                    border-color: #8f8f8f;
                    vertical-align: middle;
                    font-size: r(18+8);
                    option{
                        font-size: r(18+8);
                        color: #8b8b8b;
                    }
                }
            }
        }
        .address{
            textarea{
                font-size: r(24+8);
                margin: r(24) 0 r(51);
                resize: none;
                width: 100%;
                height: r(195);
                padding: r(10);
                line-height: r(30);
                border: 1px solid #8F8F8F;
                box-sizing: border-box;
                background: none;
            }
            p:last-of-type{
                display: inline-block;
            }
        }
        >div:last-child{
            padding: r(50) r(60) r(60) r(60);
            border: none;
            .circle{
                width: r(26);
                height: r(26);
                border-radius: 50%;
                background: #f5baa7;
                display: inline-block;
                vertical-align: middle;
                margin-right: r(20);
                position: relative;
                overflow: hidden;
                .dot{
                    width: r(12);
                    height: r(12);
                    border-radius: 50%;
                    background: #8b8b8b;
                    @include abCenter;
                    display: none;
                }
            }
        }
        }
    }
    
}
